import a from "./a";
import b from "./b";
// 可以使用es-module，和commonjs模块
require("./index.less");
// 在webpack中可以省略index.js，以及.js等后缀（建议不要省略，因为在默认浏览器上的es-module不可省略）
import home from "./home";
import createImg from "@/a/b/index.js";
console.log(home);
createImg();

import $ from "jquery";
$("<h1>").text("hello wepack").appendTo(document.body);
$("<h1>").text("你好 wepack").appendTo(document.body);
// 在css中webpack会帮我们转换为资源路径，但在js中如何使用资源，需要通过导入文件的形式使用，而不是直接使用相对路径
// $("<img>").prop("src", "./a.png").appendTo(document.body);
const t = 1;
console.log(t ?? 2);

import styles1 from "./b.module.less";
console.log("🚀 ~ styles1:", styles1);
import styles2 from "./c.module.less";

$("<h1>")
  .text("b.module.less样式中的类样式a")
  .addClass(styles1.a)
  .appendTo(document.body);
$("<h1>")
  .text("b.module.less样式中的类样式a")
  .addClass(styles2.a)
  .appendTo(document.body);
